<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>产品列表</title>
<meta name="keywords" content="化妆品点评">
<meta name="description" content="化妆品点评" />
<link href="resource/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<style type="text/css">
body,ul,li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.self-clear {
	display: block;
	clear: both !important;
	zoom: 1;
	float: none !important;
	overflow: hidden;
	font-size: 0 !important;
	height: 0 !important;
	line-height: 0 !important;
}

.pinfo,.pcomment {
	position: relative;
	padding-left: 80px;
}

.ptitle {
	position: absolute;
	top: 0;
	left: 0;
}
.f_sealist {
  background: #fafbfa;
  margin-top: 20px;
  padding: 0 18px;
}
.f_sealist ul li cite {
	float: left;
	color: #000;
	margin-top: 2px;
	width: 60px;
}

.f_sealist ul li .f_seadetail {
	float: left;
	width: 855px;
	height: 24px;
	overflow: hidden;
}

.f_sealist ul li .f_seadetail a {
	display: inline-block;
	padding: 0 8px;
	color: #878787;
	margin: 2px 2px 0;
}

.f_sealist ul li .f_seadetail a.asel {
	color: #fff;
	background: #f67fb2;
}
</style>
<script src="resource/js/jquery-1.11.3.min.js" type="text/javascript"></script>
<script src="resource/js/bootstrap.min.js" type="text/javascript"></script>
<head>
<body style="line-height: 2;background: #ddd;">
  <div class="" style="width: 1000px; margin: 0 auto;background: #fff;min-height: 600px;">
    <div class="" style="height: 60px; text-align: center;padding-top: 20px;">图片</div>
    <div class="">
      <div class="f_sealist">
        <h2 class="y_proTagName"></h2>
        <ul>
          <li>
            <cite>品牌：</cite>
            <div class="f_seadetail">
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-0-0-1.html" class="asel">所有</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-1183-0-1.html">霸王</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-386-0-1.html">飘柔</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-412-0-1.html">海飞丝</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-226-0-1.html">潘婷</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-102-0-1.html">雅芳</a>
            </div>
            <span class="self-clear"></span>
          </li>
          <li>
            <cite>价格：</cite>
            <div class="f_seadetail">
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-0-0-1.html" class="asel">所有</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-20-0-0-1.html">100元以下</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-21-0-0-1.html">101--300元</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-22-0-0-1.html">301--500元</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-25-0-0-1.html">1001--3000元</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-26-0-0-1.html">3001元以上</a>
            </div>
            <span class="self-clear"></span>
          </li>
          <li class="lispecial">
            <cite>功效：</cite>
            <div class="f_seadetail">
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-0-0-1.html" class="asel">所有</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-0-204-1.html">黑发</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-0-208-1.html">洗发</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-0-211-1.html">柔顺</a>
              <a href="http://product.kimiss.com/xifashui/product-newpub-0-0-206-1.html">去屑</a>
            </div>
            <span class="self-clear"></span>
          </li>
        </ul>
      </div>
    </div>
    <div class="" style="border-bottom: 1px dashed #ddd;padding: 20px">
      <div class="" style="text-align: center; width: 140px; float: left;">
        <div class="">
          <img src="resource/image/a.jpg">
        </div>
        <div class="">
          <input type="checkbox" id="p1">
          <label style="vertical-align: top; font-weight: normal;">对比</label>
        </div>
      </div>
      <div class="" style="width: 140px; float: left;padding-top: 30px;">
        <div class="" style="">
          <span>综合评价：</span><span>3</span>
        </div>
        <div class="">
          <span>点评数：</span><span>143</span>
        </div>
      </div>
      <div class="" style="width: 600px; float: left;padding-top: 15px;">
        <div class="" style="font-weight: bold; font-size: 16px;"><a href="t2.html" target="_blank">潘婷乳液修复洗发露</a></div>
        <div class="">
          <div class="pinfo" style="position: relative">
            <span class="ptitle">产品简介：</span>蕴含2倍*维他命原，精准修护秀发损伤；透过丰富细腻的泡沫，温...
          </div>
        </div>
        <div class="">
          <div class="pcomment" style="position: relative">
            <span class="ptitle">最新点评：</span> 我男朋友最爱用潘婷，我跟着用几次，味道很好，而且洗完头发比较柔顺，灰常喜欢。
          </div>
        </div>
      </div>
      <span class="self-clear"></span>
    </div>
  </div>
</body>
<html>